<extend name="Public/main" />

<block name="css">
    <style>
        .user-info-box {
            height:4rem;
            background-color:#000;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }
        .user-info {
            text-align:center;
            position: static;
            /*border:1px solid #fff;*/
        }
        .user-avatar {
            width:1.5rem;height:1.5rem;border-radius:1rem;
            border:0.05rem solid #fff;
            display:inline-block;
            margin-bottom:.2rem;
        }
        .user-info div {
            color:#fff;line-height: .4rem;
            text-shadow: 0px 0px .05rem #333;
            font-size:.28rem;
        }
        .boo-tips {
            color: #B1B1B1;
            font-size: .24rem;
            padding: .2rem .2rem 0 .2rem;
            line-height: 18px;
            position: relative;
        }
    </style>
</block>

<block name="content">
    <div style="position:relative;">
        <div class="user-info-box">
            <div class="user-info">
                <a href="{:U('Public/loginOut')}">
                    <img class="user-avatar" src="{$user.avatar|default='__IMG__/default.png'}" />
                </a>
                <div>
                    <h1>{$user.nick_name|default='无名氏'}</h1>
                    <p>ID:{$user.id|default='获取失败'}</p>
                </div>
            </div>
        </div>
    </div>
    <div class="boo-tips">
        <p>官方客服:279286948</p>
    </div>
    <present name="his">
        <div class="m-list-title"><i class="icon-time"></i>玩过的游戏</div>
        <ul class="boo-list-v">
            <volist name="his" id="vo">
                <li class="boo-list-item">
                    <a href="{$vo.url}">
                        <div class="boo-list-icon"><img src="{$vo.img}"></div>
                        <div class="boo-list-txt"><span>{$vo.title}</span></div>
                    </a>
                </li>
            </volist>
        </ul>
    </present>
    <if condition="$is_wx == 0">
        <a href="{:U('Public/loginOut')}" style="display:block;margin-top:0.2rem;background-color:#fff;text-align:center;line-height:0.8rem;width:100%;height:0.8rem;font-size:0.3rem;color:#555;">
            注销
        </a>
    </if>

</block>


<block name="footer">
    <footer class="m-tabbar tabbar-fixed" >

        <a href="{:U('Index/index')}" class="tabbar-item">
            <span class="tabbar-icon">
                <i class="icon-game"></i>
            </span>
            <span class="tabbar-txt">游戏</span>
        </a>
        <a href="{:U('Gift/index')}" class="tabbar-item">
            <span class="tabbar-icon">
                <i class="icon-gift"></i>
            </span>
            <span class="tabbar-txt">礼包</span>
        </a>
        <a href="javascript:;" class="tabbar-item tabbar-active">
            <span class="tabbar-icon">
                <i class="icon-ucenter-outline"></i>
            </span>
            <span class="tabbar-txt">个人中心</span>
        </a>
    </footer>
</block>